<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>CheckBox</title>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.4/dijit/themes/tundra/tundra.css" />
<script type="text/javascript">
var djConfig = {
    isDebug: true,
    parseOnLoad: true,
    locale: "zh",
    extraLocale: ["en"]
};
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/dojo/1.4/dojo/dojo.xd.js"></script>
<script type="text/javascript">
function debug(msg) {
    var msgDiv = dojo.byId("msgDiv");
    msgDiv.innerHTML = msg;
}

dojo.require("dijit.form.CheckBox");

dojo.addOnLoad(function() {
    // events
    dojo.connect(dijit.byId("fruit"), "onChange", function(e) {
        var dropDownList = dijit.byId("fruit");
        var value = dropDownList.attr("value");
        debug(value);
    });
});
</script>
</head>
<body class="tundra">
<div>
  <input id="checkbox_demo" type="checkbox" name="checkbox_demo" dojoType="dijit.form.CheckBox" value="checkbox_demo" onChange="debug('onChange_checkbox_demo');" />
  <label for="checkbox_demo">checkbox_demo</label>

  <ul id="list">
    <li onclick="debug('Baidu');">
      <input id="Baidu" type="checkbox" name="Baidu" dojoType="dijit.form.CheckBox" value="Baidu" onChange="debug('onChange_Baidu');" />
      <label for="Baidu"><a href="http://www.baidu.com" class="b">Baidu</a></label>
    </li>
    <li onclick="debug('Google');">
      <input id="Google" type="checkbox" name="Google" dojoType="dijit.form.CheckBox" value="Google" onChange="debug('onChange_Google');" />
      <label for="Google"><a href="http://www.google.com" class="b">Google</a></label>
    </li>
    <li onclick="debug('Bing');">
      <input id="Bing" type="checkbox" name="Bing" dojoType="dijit.form.CheckBox" value="Bing" onChange="debug('onChange_Bing');" />
      <label for="Bing"><a href="http://www.bing.com" class="b">Bing</a></label>
    </li>
  </ul>
</div>


<div id="msgDiv" style="height: 100px; background-color: yellow;"></div>
</body>
</html>